@charset "utf-8";
article{
	padding-top: 44px;
	width: 100%;
	height: 1030px;
	background: linear-gradient(to bottom, #04060e 0%,#363e4e 100%);
	color: red;
}
/*步骤进度条S*/
.Progressbar {
	width: 620px;
	height: 34px;
	border: 1px solid gray;
	margin:0 auto  93px;
	background: #ececec;
	border-radius:17px;
}
.Progressbar li{
	float: left;
	width: 25%;
	line-height: 34px;
	border-radius:17px;
	text-align: center;	
	color: #878787;
}
.Progressbar li span:first-child{
	float: left;
	margin-left: 5px;
	color: #ececec;
}
.active{
	background: #eb413d;
	color: #FFFFFF;
}

/*步骤进度条E*/

/*第一步页面S*/

.details_first{
	margin: 93px 0;
	width: 1000px;
	margin: 0 auto;
}
.details_first ul{
	margin: 0 auto;
}
/*第一步4列位置设置S*/
.details_first_col4 li{
	margin-left: 6px;
	margin-bottom: 20px;
	float: left;
	width: 242px;
	height: 374px;
	text-align: center;
}
.details_first_col4_one{
	cursor: pointer;
	width: 202px;
	height:242px;
	padding: 40px 20px;
	background: #FFFFFF;
	border-radius: 15px;
 	box-shadow: 0 0 20px 5px darkgray inset;
	text-align: center;
	margin-bottom: 20px;
}
.details_first_col4_one img{
	margin-top: 50%;
	transform: translateY(-50%);
	transition: all 1s;
}
.details_first_col4_one:hover img{
	margin-top: 10%;
	transform: scale(1.1);
}
.details_first_col4 li a{
	color: white;	
	transition: 500ms;
}
.details_first_col4 li span{
	margin-left: 10px;
}
.details_first_col4 li a:hover{
	color: #eb4130;
}
/*第一步4列位置设置E*/

/*第一步列位置设置S*/
.details_first_col3 li{
	margin-bottom: 20px;
	margin-left: 8px;
	float: left;
	width: 322px;
	height: 374px;
	text-align: center;
}

.details_first_col3_one{
	cursor: pointer;
	width: 322px;
	height:322px;
	background: #FFFFFF;
	border-radius: 15px;
 	box-shadow: 0 0 20px 5px darkgray inset;
	text-align: center;
	margin-bottom: 20px;
}
.details_first_col3_one img{
	margin-top: 50%;
	transform: translateY(-50%);
	transition: all 1s;
}
.details_first_col3_one:hover img{
	margin-top: 20%;
	transform: scale(1.1);
}
.details_first_col3 li a{
	color: white;	
	transition: 500ms;
}
.details_first_col3 li span{
	margin-left: 10px;
}
.details_first_col3 li a:hover{
	color: #eb4130;
}

/*第一步4列位置设置E*/

/*第一步4列图片设置E*/

/*第一步页面E*/